﻿@charset "utf-8";
/* CSS Document */
body{ font:14px/1.5 Microsoft YaHei, \5b8b\4f53, tahoma, arial, Hiragino Sans GB, sans-serif; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0;}
ul,ol,li{ list-style-type:none;}
img{ border:0;}
a{ text-decoration:none; color:#333; }
a:hover{ text-decoration:none; color:#333; }
.c{ clear:both;}
i { font-style:normal; }
/***  hack  ***/
html, body{ height:100%; }
*{
	font-size: 15px;
	font-family:"微软雅黑";
}

a{
	text-decoration: none;color:#333;
}
a:hover{
	text-decoration: none;color:#333;
}
li{
	list-style: none;
}

body{
	margin: 0 auto;
}



/*list-article*/
.list-article { float:left; width:1180px; background:white; padding:6px; }
.list-article li { margin-bottom:13px; }
.list-article li span { font-size:34px; color:white; margin-right:20px; background:#369b0f; float:left; width:98px; height:98px; text-align:center; line-height:98px;  }
.list-article-right h4 a { font-size:20px; color:#369b0f;}
.list-article-tag { margin-top:3px; }
.list-article-tag i { color:#FF0000; margin-right:5px; font-weight:bold; } 





/*text*/
.text{ max-width: 100%; min-width: 1180px; height: auto; margin: 0 auto 5px; overflow: hidden;  }
.text_con{ width: 1180px; height: auto; margin: 5px auto; overflow: hidden; }
.news{ width: 1180px; height: auto; float: left; overflow: hidden; }
.text_ul{ width: 1180px; height: auto; margin: 10px auto 0; }
.text_ul li{ float: left; width: 1180px; height: 40px; border-bottom: 1px dashed #ccc; }
.text_ul li span{ float: left; font-size: 26px; line-height: 40px; color: #343434; font-weight: bold; margin-right: 5px; }
.text_ul li:hover span{ color: #6a0201; }
.text_ul li a{ float: left; font-size: 14px; color: #343434; line-height: 40px; }
.text_ul li:hover span,.text_ul li:hover a{ color: #680104; }
.text_ul li i{ float: right; font-size: 12px; color: #555; line-height: 40px; }
.hangye{ width: 575px; height: auto; float: right; overflow: hidden; }
.news{width: 1180px; height: auto; float: left; overflow: hidden; }
.news-a{ width: 1180px; margin: 0 auto }
.news-dht{ margin: 10px 0; }
.news-p{ width: 1180px; float: left; }
.news-p dl{padding: 12px 2px 0 0; overflow: hidden; margin-bottom: 15px; display: inline-block; float: left;width: 1180px; height: 176px;}
.news-p dl dt{float: left; width: 250px; }
.news-p dl dt img{ border:2px solid #80c269;height: 168px;}
.news-p dl dd{float: left; width:900px; padding-left: 25px; line-height: 30px; height: 100px;overflow: hidden;}
.news-p dl dd h1{ margin: 0 0 10px 0; }
.news-lb{ float: left; padding:20px; width: 440px; height:350px; background: #80c269; }
.news-lb dl{ margin-bottom: 20px; }
.news-lb dt{ color: #043600; font-size: 16px; font-weight: bold;}
.news-lb dd{ padding-top: 10px; letter-spacing:2px; color:#043600; font-size: 16px; line-height: 30px;}





/*厂容厂貌*/
.show { margin:0px; padding:0px;}
.show li {position:relative; float:left; width:295px; height: 205px; margin-left:0px; text-align:center; }
.show li img { width:100%; height:205px; border:1px solid white; border-radius:0px; }
.show li p{ position: absolute;
    -webkit-transition: all 0.23s linear;
    -moz-transition: all 0.23s linear;
    -o-transition: all 0.23s linear;
    -ms-transition: all 0.23s linear;
    transition: all 0.23s linear;
    top: -230px;
    width: 295px;
    height: 215px;
    background: rgba(0,0,0,0.5); 
color:#fff;
}
.show li p a{ color: #fff; padding-top:100px; font-size: 20px; display: block; }
.show li:hover p{ top: 0;color: #fff; }
.show li h4 { height:50px; line-height:50px;}
.show li a { color:#333333; }
.main{ width:1182px; margin:0 auto;}



.gc_fl1{ width: 1200px; margin: 0 auto; }
.pro_fl1{ width: 1200px; height: 80px; }
.pro_fl1 ul li{ float: left; width:360px; margin:0px; height:190px; border:#ccc 1px solid;}
.pro_fl1 ul li a{ color: #000; text-align: center; display: block; line-height: 220px; font-size: 16px; font-family: "微软雅黑";}
.pro_fl1 ul li:hover{background:#fff; color: #fff;  }
.pro_fl1 ul li a hover{ color: #fff; text-align: center; display: block; line-height: 220px; font-size: 16px; font-family: "微软雅黑";}







.pro{ max-width: 100%; height: auto; margin: 0px auto; overflow: hidden; }
.pro_con{ width: 1180px; height: auto; margin: 0 auto; }
.pro_l{ width: 274px; height: auto; float: left; overflow: hidden; }
.pro_bt{ display: block; width: 274px; height: 100px; }
.pro_bt1{ display: block; width: 274px; height: 222px; }
.pro_list{ width: 274px; height: auto; background: #2a4e7e; padding: 5px 0 10px; overflow: hidden; }
.pro_list li{ margin: 0 auto; width: 224px; height: 35px; padding-left: 10px; margin-top: 6px; color:#FFFFFF; font-size:14px }
.pro_list li a{ font-size: 14px; line-height: 35px; color: #eee; font-weight: bold; }
.pro_list li:hover a{ color: #ffffff; }
.pro_r{ width: 886px; height: auto; float: right; overflow: hidden;}

/* marqueetop */
.marqueetop{ width: 1180px; height: 1210px; margin: 0 auto; overflow: hidden; }
.marqueetop ul{ float: left; }
.marqueetop li{ float: left; width: 305px; height: 310px; margin: 0 11px; overflow: hidden; }
.marqueetop li a{ display: block; text-align: center; }
.marqueetop li a img{ display: block; width: 275px; height: 218px; padding: 5px; border: 1px solid #fff; }
.marqueetop li a i{ display: block; width: 295px; height: 40px; text-align: center; font-size: 14px; line-height: 40px; color: #333; font-weight: bold; }
.marqueetop li  a p{ display: block; width: 295px; height: 40px; text-align: center; font-size: 14px; line-height: 40px; color: #fff; font-weight: bold; }
.marqueetop li:hover  a p{ display: block; width: 295px; height: 40px; text-align: center; font-size: 14px; line-height: 40px; color: #fff; font-weight: bold; }
.marqueetop li:hover a img{ border: 0px solid #0667d0; }
.marqueetop li:hover  a i{ color: #0667d0; }










#container{
	max-width: 100%;
	min-width: 1200px;
	margin: 0 auto;
}

#head1{
	max-width: 100%;
	min-width: 1200px;
	height: 25px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 25px;
	background: #f3f3f3;
	color: #636363;
}
.head-top{ width: 1180px; margin:0 auto; } 
#head1top{
	width:500px;
	height: 25px;
	float: left;
}
.head-right{ float: right; }
.head-right a{ color:#686868; }
#head2{
	max-width: 100%;
	min-width: 1200px;
	height: 117px;
        padding-top:0px;
	text-align: center;
	margin: 0 auto;
}
.case{ width: 100%; margin-top: 20px; overflow: hidden; }
.case-a{ width: 1200px; margin: 0 auto; }
.case-dht{ margin-top: 20px; }
#demo {overflow:hidden; margin:10px 5px 0 3px; width:98%; height:240px; min-width: 98%;}
#demo img {border: 1px solid #d6d6d6; padding: 5px; width:295px; height:270px;}
#indemo {float: left;width: 800%;}
#demo1 { float: left;}
#demo1 li { margin-left:20px;  width:295px;list-style:none; float:left;height:240px}
#demo1 img {border: 1px solid #d6d6d6; padding: 5px; width:283px; height:202px;}
#demo2 {float: left; }
#demo2 li{ margin-left:20px; width:295px;list-style:none; float:left;}
.ddck{ width: 378px; text-align: center; height: 22px; line-height: 20px; }

#head3{
	max-width: 100%;
	min-width: 1200px;
	height:60px;
	margin: 0 auto;
	background: #369b0f;
font-size:14px;
}
/* flexslider */
.flexslider{position:relative;height:550px;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1; margin:0 auto;}
.slides li{height:550px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../Images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../Images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../Images/next.png) center center no-repeat;}
#head3top{
	width: 1200px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	line-height:60px;
	font-size: 14px;
	font-weight: bold;

}

#bt{
	width:170px;
	height: 60px;
	float: left;
	background:#369b0f;
}
#bt a{
	color:#fff;
}


#bt a:hover{
	color:#fff;
}









#bt:hover a{ color: #fff; }
#bt:hover{ background:#fea500;};

#head4{
	max-width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

#head4 img{
	max-width: 100%;
	min-width: 1200px;
}

#md1{
	width: 1180px;
	height: 785px;
	margin: 20px auto;
}

#md1left{
	width: 269px;
	height: 778px;
	float: left;
	background:#369b0f;
}

#md1lefttb{
	width: 269px;
	height: 95px;
	border-bottom: 1px solid #fff;
	text-align: center;
	line-height:95px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;

}

#fl1{
	width: 269px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	background: #018531;
	margin: 12px;
}

#fl1 a{
	color: #fff;
	padding-left: 10px;
}

#fl2{
	width: 269px;
	height:52px;
	line-height: 52px;

 background: url(../Images/bgg.jpg);
}

#fl2 a{
	color: #333;
	padding-left: 55px;
	font-size:14px;
}


#md1right{
	width: 910px;
	height: 780px;
	float: right;
}

#md1right li{
	width: 294px;
	height: 250px;
	float: left;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	margin:8px 8px;
}

#md1right a{
	color: #fff;
font-weight:normal;
}

#md1right li img{
	width: 284px;
	height: 203px;
}

#md2{
	max-width: 100%;
	min-width: 1300px;
	height:500px;

	margin:10px auto;
	padding-top: 25px;
}

#md2top{
	width:100%;
	height:535px;
	background: url(../Images/09.jpg) no-repeat center center;
	margin: 0 auto;
}

#topleft{
	width: 600px;
	height: 402px;
	float: left;
}

#topright{
	width: 1170px;
	height: 402px;
	float: center;
	margin-top:30px;
}

#rights{
	width: 1170px;
	height: 248px;
margin:0px auto;
}



#rights a{
	width: 1170px;
	height: 248px;
margin:0px auto;
color:#333;
font-size:13px;
}












#rightx{
	width: 968px;
	height: 201px;
}

#md3{
	width: 100%;
	height: 500px;
	background:url(../Images/12.jpg) top center no-repeat;
	margin: 0 auto;
}



#md01{
	width: 100%;
	height: 325px;
	background:url(../Images/ys_01.jpg) top center no-repeat;
	margin: 0 auto;
}


#md02{
	width: 100%;
	height: 340px;
	background:url(../Images/ys_02.jpg) top center no-repeat;
	margin: 0 auto;
}



#md03{
	width: 100%;
	height: 339px;
	background:url(../Images/ys_03.jpg) top center no-repeat;
	margin: 0 auto;
}

#md04{
	width: 100%;
	height: 356px;
	background:url(../Images/ys_04.jpg) top center no-repeat;
	margin: 0 auto;
}












#md4{
	width: 1198px;
	height:95px;
	margin:0 auto;
	background: url(../Images/news.jpg) no-repeat;
}

#md5{
	width: 1180px;
	margin: 0 auto;
}
.md5-a{ width:560px; float: left;}
.md5-c{ float: left; width:565px; margin-left:50px;}
.md5-a dl{ height:120px; width: 580px; border-bottom: 1px solid #eeeeee;padding:5px }
.md5-a dl h1{ color:#767676; font-size: 18px;}
.md5-a dl h1 a{ color:#767676; font-size: 18px;}
.md5-a dl p a hover{ color: #fff; font-size: 12px;}
.md5-a dl dd a{ margin:0; font-size: 16px; color: #767676; }

.md5-a  a:hover { color: #fff; background:#0e68b4}
#md5left{
	width: 380px;
	height: 310px;
	float: left;
}

#md5lefttb{
	width: 380px;
	height: 120px;
	background: url(../Images/18.jpg);
}

#md5middle{
	width: 380px;
	height: 310px;
	float: left;
	margin-left: 20px;
}

#md5middletb{
	width: 380px;
	height: 120px;
	background: url(../Images/20.jpg);
}

#md5right{
	width: 380px;
	height: 310px;
	float: right;
}

#md5righttb{
	width: 380px;
	height: 120px;
	background: url(../Images/22.jpg);
}

#syxw{
	line-height: 30px;
	border-bottom: 1px dashed #cccccc;
	font-size: 13px;
}

#syxw a{
	color: #535353;
}

#sj{
	float: right;
	padding-right: 8px;
}

#footer{
	width: 100%;
	height: 212px;
background: url(../Images/foot.jpg)  top center;
	margin: 0 auto;
}

#ft{
	width: 1100px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height:110px;
padding-top:208px;
}




#ft p{
	width: 1180px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height:55px;
}







#ftleft{
	width: 242px;
	height: 259px;
	float: left;
	background: url(../Images/28.jpg);
}

#ftright{
	width: 250px;
	float: right;
}

#mdfy{
	width: 1180px;
	height: auto;
	margin: 25px auto;
}

#fyleft{
	width: 231px;
	float: left;
	height: 805px;
}

#fyleftx{
	width: 231px;
	height: 250px;
	margin-top: 15px;
	float: left;
}

#fyleftxtb{
	width: 231px;
	height: 32px;
	background:#01af40;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
	color: #fff;
}

#fyright{
	width: 1180px;
	margin:0 auto;
}

#fytb{
	width: 1180px;
	height: 32px;
	background:#0265cb;
}

#fywz{
	font-size: 13px;
	font-weight: bold;
	line-height: 32px;
	color: #fff;
	padding-left: 20px;
}

#fywz a{
	color: #fff;
}

#fycp{
	width: 280px;
	height: 215px;
	float: left;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 25px;
	background: #ccc;
}

#fycp img{
	width: 280px;
	height: 170px;
}

#fynr{
	width: 1180px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px; 
	font-size: 13px;
	line-height: 30px;
	padding-top: 10px;
}

#fynr a{
	color: #000;
	font-size: 13px;
}

.dede_pages{
	width: 1180px;
	height: 100px;
	text-align: right;
	float: left;
	font-size: 13px;
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#AB1C1C;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

small a{
	color: green;
}

#mingpian{
	position:fixed; 
	top:15%; 
	right:0;
	
	z-index:99;
}

#hidden{
	width: 320px;
	display: block;
}

#himg{
	float: left;
	height: 250px;
}

#anniu{
	font-size: 30px;
	width: 30px;
	float: left;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}

#tp{
	width: 30px;
	text-align: center;
	font-size: 15px;
	line-height: 28px;
	background: #369b0f;
	border-radius: 5px;
	color: #fff;
	display: none;
}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

